<script>
	export default {
		// 页面加载
		onLaunch() {},
		// 页面显示
		onShow(e) {
			// 分享id
			e.query.pid ? uni.setStorageSync('pid', e.query.pid) : '';
			// 请求接口 
			this.request({
				url: '/api/index/getConfig',
				// 调用成功
				success(rs) {
					// 缓存
					uni.setStorageSync('config', rs.data);
				}
			})
		},
	}
</script>
<style lang="less">
	/*每个页面公共css */
	#app {
		min-height: 100vh;
		font-family: '微软雅黑';
		overflow: hidden;
		background-color: #F6F7F8;
	}

	#appbw {
		background-color: white;
		font-family: '微软雅黑';
		min-height: 100vh;
		overflow: hidden;
	}

	#appkc {
		background-color: rgb(246, 246, 246);
		font-family: '微软雅黑';
		overflow: hidden;
	}

	/* 默认标签样式 */
	image,
	video {
		display: block;
		width: 100%;
		height: 100%;
		border: 0;
	}

	input {
		width: 100%;
		outline: 0;
	}

	button::after {
		border: 0;
	}

	/* 布局属性 */
	.layoutw90 {
		margin-top: 30rpx;
		width: 90%;
		margin: 0 auto;
	}

	.layoutw80 {
		margin-top: 30rpx;
		width: 80%;
		margin: 0 auto;
	}

	.layoutw90df {
		margin-top: 30rpx;
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.layoutw80df {
		margin-top: 30rpx;
		width: 80%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	/* 盒子状态 */
	.h0 {
		height: 0rpx;
	}

	.oh {
		overflow: hidden;
	}

	.bsb {
		box-sizing: border-box;
	}

	.dib {
		display: inline-block;
	}

	.df {
		display: flex;
	}

	.dn {
		display: none;
	}

	.dfsa {
		justify-content: space-around;
	}

	.dfsb {
		justify-content: space-between;
	}

	.dfl {
		justify-content: flex-start;
	}

	.dfr {
		justify-content: flex-end;
	}

	.aic {
		align-items: center;
	}

	.dfc {
		flex-direction: column;
	}

	.fww {
		flex-wrap: wrap;
	}

	.ais {
		align-items: stretch;
	}

	.f1 {
		flex: 1;
	}

	/* 定位 */
	.pf {
		position: fixed;
	}

	.pr {
		position: relative;
	}

	.pa {
		position: absolute;
	}

	.t20p {
		top: 20%;
	}

	.t0 {
		top: 0;
	}

	.t10 {
		top: 10rpx;
	}

	.t50p {
		top: 50%;
	}

	.l0 {
		left: 0;
	}

	.l5p {
		left: 5%;
	}

	.l20p {
		left: 20%;
	}

	.l35p {
		left: 35%;
	}

	.l50p {
		left: 50%;
	}

	.r0 {
		right: 0;
	}

	.r5p {
		right: 5%;
	}


	.b0 {
		bottom: 0;
	}

	.b1p {
		bottom: 1%;
	}

	.b2p {
		bottom: 2%;
	}

	.b3p {
		bottom: 3%;
	}

	.b5p {
		bottom: 5%;
	}


	.b10p {
		bottom: 10%;
	}

	.b12p {
		bottom: 12%;
	}

	.b15p {
		bottom: 15%;
	}

	.pmid {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* 透明度 */
	.op0 {
		opacity: 0;
	}

	/* 宽 */
	.w150 {
		width: 150rpx;
	}

	.w180 {
		width: 180rpx;
	}

	.w200 {
		width: 200rpx;
	}

	.w230 {
		width: 230rpx;
	}

	.w250 {
		width: 250rpx;
	}

	.w140 {
		width: 140rpx;
	}

	.w100p {
		width: 100%;
	}

	.w95p {
		width: 95%;
	}

	.w93p {
		width: 93%;
	}

	.w90p {
		width: 90%;
	}

	.w85p {
		width: 85%;
	}

	.w80p {
		width: 80%;
	}

	.w75p {
		width: 75%;
	}

	.w70p {
		width: 70%;
	}

	.w67p {
		width: 67%;
	}

	.w65p {
		width: 65%;
	}

	.w60p {
		width: 60%;
	}

	.w48p {
		width: 48%;
	}

	.w50p {
		width: 50%;
	}

	.w45p {
		width: 45%;
	}

	.w42p {
		width: 42%;
	}

	.w35p {
		width: 35%;
	}

	.w33p {
		width: 33%;
	}

	.w31p {
		width: 31%;
	}

	.w30p {
		width: 30%;
	}

	.w25p {
		width: 25%;
	}

	.w21p {
		width: 21%;
	}

	/* 高 */
	.h8 {
		height: 8rpx;
	}

	.h10 {
		height: 10rpx;
	}

	.h100 {
		height: 100rpx;
	}

	.h150 {
		height: 150rpx;
	}

	.h220 {
		height: 220rpx;
	}

	.h300 {
		height: 300rpx;
	}

	.h350 {
		height: 350rpx;
	}

	.h400 {
		height: 400rpx;
	}

	.h440 {
		height: 440rpx;
	}

	.h100p {
		height: 100vh;
	}

	.mh100p {
		min-height: 100vh;
	}

	.wh25 {
		width: 25rpx;
		height: 25rpx;
	}

	.wh30 {
		width: 30rpx;
		height: 30rpx;
	}

	.wh33 {
		width: 33rpx;
		height: 33rpx;
	}

	.wh35 {
		width: 35rpx;
		height: 35rpx;
	}

	.wh40 {
		width: 40rpx;
		height: 40rpx;
	}

	.wh45 {
		width: 45rpx;
		height: 45rpx;
	}

	.wh50 {
		width: 50rpx;
		height: 50rpx;
	}

	.wh90 {
		width: 90rpx;
		height: 90rpx;
	}

	.wh100 {
		width: 100rpx;
		height: 100rpx;
	}

	.wh110 {
		width: 110rpx;
		height: 110rpx;
	}

	.wh120 {
		width: 120rpx;
		height: 120rpx;
	}

	.wh130 {
		width: 130rpx;
		height: 130rpx;
	}

	.wh140 {
		width: 140rpx;
		height: 140rpx;
	}

	.wh200 {
		width: 200rpx;
		height: 200rpx;
	}

	.wh250 {
		width: 250rpx;
		height: 250rpx;
	}

	/* 图片宽高 */
	.wh160 {
		width: 160rpx;
		height: 160rpx;
	}

	.img180 {
		width: 180rpx;
		height: 180rpx;
	}

	.wh400 {
		width: 400rpx;
		height: 400rpx;
	}

	/* 外边距 */
	.mauto {
		margin: 0 auto;
	}

	/* 上 */
	.mt5 {
		margin-top: 5rpx;
	}

	.mt10 {
		margin-top: 10rpx;
	}

	.mt10p {
		margin-top: 10vh;
	}

	.mt20p {
		margin-top: 20vh;
	}

	.mt15 {
		margin-top: 15rpx;
	}

	.mt20 {
		margin-top: 20rpx;
	}

	.mt25 {
		margin-top: 25rpx;
	}

	.mt30 {
		margin-top: 30rpx;
	}

	.mt40 {
		margin-top: 40rpx;
	}

	.mt50 {
		margin-top: 50rpx;
	}

	.mt60 {
		margin-top: 60rpx;
	}

	.mt70 {
		margin-top: 70rpx;
	}

	.mt100 {
		margin-top: 100rpx;
	}

	/* 左 */
	.ml5 {
		margin-left: 5rpx;
	}

	.ml10 {
		margin-left: 10rpx;
	}

	.ml15 {
		margin-left: 15rpx;
	}

	.ml20 {
		margin-left: 20rpx;
	}

	.ml25 {
		margin-left: 25rpx;
	}

	.ml30 {
		margin-left: 30rpx;
	}

	/* 右 */
	.mr10 {
		margin-right: 10rpx;
	}

	.mr15 {
		margin-right: 15rpx;
	}

	.mr20 {
		margin-right: 20rpx;
	}

	.mr30 {
		margin-right: 30rpx;
	}

	.mr50 {
		margin-right: 50rpx;
	}

	/* 下 */
	.mb10 {
		margin-bottom: 10rpx;
	}

	.mb20 {
		margin-bottom: 20rpx;
	}

	.mb30 {
		margin-bottom: 30rpx;
	}

	.mb70p {
		margin-bottom: 70%;
	}

	/* 上下 */
	.mtb10 {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
	}

	.mtb30 {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}

	/* 左右 */
	.mlr20 {
		margin-left: 20rpx;
		margin-right: 20rpx;
	}

	.mlr30 {
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.mlr35 {
		margin-left: 35rpx;
		margin-right: 35rpx;
	}

	/* 内边距 */
	.p20 {
		padding: 20rpx;
	}

	.p30 {
		padding: 30rpx;
	}

	/* 上 */
	.pt5 {
		padding-top: 5rpx;
	}

	.pt10 {
		padding-top: 10rpx;
	}

	.pt15 {
		padding-top: 15rpx;
	}

	.pt20 {
		padding-top: 20rpx;
	}

	.pt25 {
		padding-top: 25rpx;
	}

	.pt30 {
		padding-top: 30rpx;
	}

	.pt35 {
		padding-top: 35rpx;
	}

	.pt50 {
		padding-top: 50rpx;
	}

	/* 左 */
	.pl5 {
		padding-left: 5rpx;
	}

	.pl10 {
		padding-left: 10rpx;
	}

	.pl5p {
		padding-left: 5%;
	}

	.pl-10p {
		padding-left: -10%;
	}

	.pl10p {
		padding-left: 10%;
	}

	.pl15 {
		padding-left: 15rpx;
	}

	.pl20 {
		padding-left: 20rpx;
	}

	.pl30 {
		padding-left: 30rpx;
	}

	.pl35 {
		padding-left: 35rpx;
	}

	.pl70 {
		padding-left: 70rpx;
	}

	.pl83 {
		padding-left: 83rpx;
	}

	/* 右 */
	.pr5 {
		padding-right: 5rpx;
	}

	.pr10 {
		padding-right: 10rpx;
	}

	.pr15 {
		padding-right: 15rpx;
	}

	.pr20 {
		padding-right: 20rpx;
	}

	.pr30 {
		padding-right: 30rpx;
	}

	.pr40 {
		padding-right: 40rpx;
	}

	/* 下 */
	.pb10 {
		padding-bottom: 10rpx;
	}

	.pb15 {
		padding-bottom: 15rpx;
	}

	.pb20 {
		padding-bottom: 20rpx;
	}

	.pb25 {
		padding-bottom: 25rpx;
	}

	.pb30 {
		padding-bottom: 30rpx;
	}

	.pb35 {
		padding-bottom: 35rpx;
	}

	.pb40 {
		padding-bottom: 40rpx;
	}

	.pb45 {
		padding-bottom: 45rpx;
	}

	.pb50 {
		padding-bottom: 50rpx;
	}

	.pb55 {
		padding-bottom: 55rpx;
	}

	.pb60 {
		padding-bottom: 60rpx;
	}

	.pb65 {
		padding-bottom: 65rpx;
	}

	.pb70 {
		padding-bottom: 70rpx;
	}

	/* 上下 */
	.ptb10 {
		padding-top: 10rpx;
		padding-bottom: 10rpx;
	}

	.ptb15 {
		padding-top: 15rpx;
		padding-bottom: 15rpx;
	}

	.ptb20 {
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}

	.ptb25 {
		padding-top: 25rpx;
		padding-bottom: 25rpx;
	}

	.ptb30 {
		padding-top: 30rpx;
		padding-bottom: 30rpx;
	}

	.ptb35 {
		padding-top: 35rpx;
		padding-bottom: 35rpx;
	}

	.ptb40 {
		padding-top: 40rpx;
		padding-bottom: 40rpx;
	}

	.ptb50 {
		padding-top: 50rpx;
		padding-bottom: 50rpx;
	}

	.ptb70 {
		padding-top: 70rpx;
		padding-bottom: 70rpx;
	}

	/* 左右 */
	.plr5 {
		padding-left: 5rpx;
		padding-right: 5rpx;
	}

	.plr10 {
		padding-left: 10rpx;
		padding-right: 10rpx;
	}

	.plr15 {
		padding-left: 15rpx;
		padding-right: 15rpx;
	}

	.plr20 {
		padding-left: 20rpx;
		padding-right: 20rpx;
	}

	.plr25 {
		padding-left: 25rpx;
		padding-right: 25rpx;
	}

	.plr30 {
		padding-left: 30rpx;
		padding-right: 30rpx;
	}

	.plr35 {
		padding-left: 35rpx;
		padding-right: 35rpx;
	}

	.plr40 {
		padding-left: 40rpx;
		padding-right: 40rpx;
	}

	.plr15p {
		padding-left: 15%;
		padding-right: 15%;
	}

	/* 单行溢出隐藏显示... */
	.thd {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.t2hd {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		/* 控制行数 */
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.t3hd {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		/* 控制行数 */
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	/* 元素不换行 */
	.wsn {
		white-space: nowrap;
	}

	.tac {
		text-align: center;
	}

	.tar {
		text-align: right;
	}

	.taj {
		text-align-last: justify;
	}

	/* 行高 */
	.lh30 {
		line-height: 30rpx;
	}

	.lh35 {
		line-height: 35rpx;
	}

	.lh40 {
		line-height: 40rpx;
	}

	.lh45 {
		line-height: 45rpx;
	}

	.lh50 {
		line-height: 50rpx;
	}

	.lh55 {
		line-height: 55rpx;
	}

	.lh60 {
		line-height: 60rpx;
	}

	.lh70 {
		line-height: 70rpx;
	}

	.lh80 {
		line-height: 80rpx;
	}

	.lh90 {
		line-height: 90rpx;
	}

	.lh100 {
		line-height: 100rpx;
	}

	.ti {
		text-indent: 60rpx;
	}

	/* 文字样式 */
	/* 颜色 */
	.cw {
		color: white;
	}

	.cFEAC18 {
		color: #FEAC18;
	}

	.cc9 {
		color: #c9c9c9;
	}

	.c597186 {
		color: #597186;
	}

	.c000 {
		color: #000000;
	}

	.c222 {
		color: #222;
	}

	.c333 {
		color: #333;
	}

	.c666 {
		color: #666;
	}

	.c888 {
		color: #888;
	}

	.c999 {
		color: #999;
	}

	.cccc {
		color: #ccc;
	}

	.cFF9646,
	.cff9646 {
		color: #FF9646;
	}

	.cFF7B24 {
		color: #FF7B24;
	}

	.c798297 {
		color: #798297;
	}

	.caaa {
		color: #aaa;
	}

	.cff9231 {
		color: #ff9231;
	}

	.cffa351 {
		color: #FFA351;
	}

	/* 文字大小 */
	.f24 {
		font-size: 24rpx;
	}

	.f26 {
		font-size: 26rpx;
	}

	.f28 {
		font-size: 28rpx;
	}

	.f30 {
		font-size: 30rpx;
	}

	.f32 {
		font-size: 32rpx;
	}

	.f34 {
		font-size: 34rpx;
	}

	.f36 {
		font-size: 36rpx;
	}

	.f38 {
		font-size: 38rpx;
	}

	.f40 {
		font-size: 40rpx;
	}

	.f44 {
		font-size: 44rpx;
	}

	.f48 {
		font-size: 48rpx;
	}

	.f50 {
		font-size: 50rpx;
	}

	.f54 {
		font-size: 54rpx;
	}

	.f60 {
		font-size: 60rpx;
	}

	.f68 {
		font-size: 68rpx;
	}

	.f70 {
		font-size: 70rpx;
	}

	.f72 {
		font-size: 72rpx;
	}

	.fw500 {
		font-weight: 500;
	}

	.fwb {
		font-weight: bold;
	}

	/* 贯穿线 */
	.td {
		text-decoration: line-through;
	}

	/* 背景 */
	.bw {
		background-color: white;
	}

	.bFF9646 {
		background-color: #FF9646;
	}

	.bDFF6D9 {
		background-color: #DFF6D9;
	}

	.bfff7ef {
		background-color: #FFF7EF;
	}

	.bFFF7CC {
		background-color: #FFF7CC;
	}

	.bEB5A43 {
		background-color: #EB5A43;
	}

	.bffae65 {
		background-color: #FFAE65;
	}

	/* 边框 */
	.bd1s {
		border: 1rpx solid;
	}

	.bd1sa {
		border: 1rpx solid #AAAAAA;
	}

	.bd1s798297 {
		border: 1rpx solid #798297;
	}

	.bd1sccc {
		border: 1rpx solid #CCCCCC;
	}

	.bfdadaf {
		border-color: #FDADAF;
	}

	.bd1sw {
		border: 1rpx solid #FFFFFF;
	}

	.bd5sw {
		border: 5rpx solid #FFFFFF;
	}

	.bd5s {
		border: 5rpx solid;
	}

	.bd2s {
		border: 2rpx solid;
	}

	.bd1d {
		border: 1rpx dashed;
	}

	.bdt1sE {
		border-top: 1rpx solid #eee;
	}

	.bdr1s {
		border-right: 1rpx solid;
	}

	.bdr1se {
		border-right: 1rpx solid #EEEEEE;
	}

	.bdb1sE,
	.bdb1se {
		border-bottom: 1rpx solid #EEEEEE;
	}

	.bfef7cc {
		background-color: #FEF7CC;
	}

	// 圆角
	.br4 {
		border-radius: 4rpx;
	}

	.br10 {
		border-radius: 10rpx;
	}

	.br20 {
		border-radius: 20rpx;
	}

	.br100 {
		border-radius: 100rpx;
	}

	/* 其他样式 */
	.tr180 {
		transform: rotate(180deg);
	}

	// 延时
	.tr05 {
		transition: .5s;
	}

	// 层级
	.zin9999 {
		z-index: 9999;
	}

	/* 自定义其他层 */
	// 文本域
	.textplus {
		box-sizing: border-box !important;
		width: 100%;
	}

	/* 区块 */
	.area {
		overflow: hidden;
		border-radius: 10rpx;
		background-color: #fff;
	}

	/* 行 */
	.rows {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.rows.ais {
		align-items: stretch;
	}

	/* 填充 */
	.fill {
		height: 130rpx;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
	}

	/* 底部 */
	.footer {
		overflow: hidden;
		box-sizing: border-box;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		padding-top: 30rpx;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
	}

	/* 头像 */
	.avatar,
	.avatar image {
		overflow: hidden;
		border-radius: 50%;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
	}

	/* // 按钮 */
	.btn {
		box-sizing: border-box;
		padding-top: 25rpx;
		padding-bottom: 25rpx;
		font-size: 30rpx;
		text-align: center;
		line-height: 1;
		border-radius: 10rpx;
	}

	/* // 禁用按钮 */
	.btn.disabled {
		color: rgba(0, 0, 0, .3) !important;
		background-color: #ddd !important;
		border-color: #f7f7f7 !important;
	}

	/* // 圆按钮 */
	.btn.round {
		border-radius: 100rpx !important;
	}

	/* // 小 */
	.btn.sm {
		font-size: 26rpx;
		padding-top: 10rpx;
		padding-bottom: 10rpx;
	}

	/* // 大 */
	.btn.lg {
		padding-top: 35rpx;
		padding-bottom: 35rpx;
		font-size: 34rpx;
		border-radius: 15rpx;
	}

	// 购买按钮
	.btn.buy {
		color: #333;
		background-color: #FFDA84;
		border: 1rpx solid #FFDA84;
	}

	// 付款按钮
	.btn.pay {
		color: #333;
		background-color: #FFF7CC;
		border: 1rpx solid #FFF7CC;
	}

	// 普通的
	.btn.usual {
		color: #FFA351;
		border: 1rpx solid;
	}

	// 取消
	.btn.cancel {
		color: #666;
		border: 1rpx solid #ccc;
	}

	// 主要的
	.btn.prmary {
		color: white;
		background-color: #FFA351;
		border: 1rpx solid #FFA351;
	}

	/* 头部背景 */
	.topBg {
		overflow: hidden;
		background-color: #FFF7CC;
	}

	/* 商品区 */
	.proArea {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-left: 30rpx;
		padding-right: 30rpx;

		// 图片
		.image {
			height: 300rpx;
		}
	}

	// 商品图片
	.proImg {
		overflow: hidden;
		border-radius: 10rpx;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
	}

	// 多行文本框
	.txtplus {
		box-sizing: border-box !important;
		width: 100%;
	}

	// 中间弹窗
	.popMid {
		overflow: hidden;
		box-sizing: border-box;
		width: 80vw;
		max-width: 600rpx;
		text-align: center;
		background-color: white;
		border-radius: 20rpx;
	}

	// placeholder默认样式
	.pls {
		font-size: 30rpx;
		color: #ccc;
	}

	/* 表单 */
	.form {

		// 第二个列表
		.list+.list {
			border-top: 1rpx solid #eee;
		}

		// 商家资质
		.shopDetail {
			height: 200rpx;
		}

		// 图片
		.image {
			width: 140rpx;
			height: 140rpx;
			margin-right: 20rpx;
			margin-bottom: 20rpx;

			.icon {
				top: -5rpx;
			}
		}
	}

	/* 图文 */
	.imgTxt {
		/* 高度 */
		min-height: calc(100vh - 120rpx);
		margin: 30rpx;
		padding: 30rpx;
	}

	/* 产品名称 */
	.proName {
		word-break: break-all;
	}

	.opcity {
		opacity: 0;
	}
</style>
